.img{
  background-image: url("../../static/sprite_img/new_nav.png");
}
.header{
  background-color: #9f5c2f;
  height: 2.2rem;
  line-height: 2.2rem;
  width: 97%;
  padding-left: 3%;
  padding-top: 0.2rem;

  /*padding-right: 7%;*/
  /*padding-top: 0.6rem;*/
  /*padding-bottom: 0.2rem*/
}
.header .img{
  transform: translateY(30%);
  display: inline-block;
  float: left;
}
/*doc*/
.header .img:nth-child(1){
  width:6%;
  height: 1.5rem;
}

.header .img:nth-child(2){
  width: 6%;
  height: 1.5rem;
  margin-left: 3%;
  margin-top: -0.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../static/img/header_man.png");
}
.header .img:nth-child(3){
  width: 6%;
  height: 1.5rem;
  margin-top: -0.1rem;
  margin-left: 3%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../static/img/header_face.png");
}
.header .img:nth-child(4){
  width: 23%;
  height: 0.53rem;
  margin-top: 0.6rem;
  margin-left: 5%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../static/img/header_line.png")
}
.header .img:nth-child(5){
  width: 6%;
  margin-top: -0.1rem;
  height:1.5rem;
  margin-left: 4%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../static/img/header_left.png");
}
.header .img:nth-child(6){
  width: 6%;
  margin-top: -0.1rem;
  height:1.5rem;
  margin-left: 3%;
  background-image: url("../../static/img/header_stop.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.header .img:nth-child(7){
  width: 6%;
  margin-top: -0.1rem;
  height:1.5rem;
  margin-left:3%;
  background-image: url("../../static/img/header_right.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.header .img:nth-child(8){
  width: 6%;
  margin-top: 0rem;
  height:1.5rem;
  margin-left:3%;
  background-image: url("../../static/img/header_heart.png");
  background-repeat: no-repeat;
  background-size: contain;
}
/*heart*/
.header .img:nth-child(9){
  height:1.5rem;
  width: 5%;
  margin-top: 0rem;
  margin-left: 3%;
  background-image: url("../../static/img/header_cross.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.header .img:nth-child(10){
  width: 5%;
  margin-top: -0.1rem;
  margin-left: 4%;
}

/*new img bg S*/
.img{
  width: 5%;
  /*height: 1rem;*/
}
.header_doc{
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../static/img/header_doc.png");
}

/*new img bg E*/





